.icon {
    display: inline-block;
    
    width: 16px;
    height: 16px;

    background: no-repeat;
}

.icon-heart { background-image: url('../images/icons/heart.png'); }
.icon-heart.add { background-image: url('../images/icons/heart_add.png'); }
.icon-heart.delete { background-image: url('../images/icons/heart_delete.png'); }
.icon-report { background-image: url('../images/icons/report.png'); }
.icon-report.add { background-image: url('../images/icons/report_add.png'); }
.icon-report.delete { background-image: url('../images/icons/report_delete.png'); }
.icon-tick { background-image: url('../images/icons/tick.png'); }

.icon-arrow-up { background-image: url('../images/icons/arrow_up.png'); }
.icon-arrow-down { background-image: url('../images/icons/arrow_down.png'); }
.icon-wrench { background-image: url('../images/icons/wrench.png'); }
.icon-wrench-orange { background-image: url('../images/icons/wrench_orange.png'); }
.icon-cog-edit { background-image: url('../images/icons/cog_edit.png'); }
.icon-cross { background-image: url('../images/icons/cross.png'); }